<#include "/common/_navigationbar.html"/>
<@layout>
	<p class="about-title">Welcome to Our Website.</p>
		<div class="content">
			<div class="wrap">
				<div class="section-title">
	                   <h3>About Us</h3>
	            </div><!--section-title-->
			</div>
		</div>
<div class="about">

	<div class="wrap">
		<div class="row-fluid">
			<div class="row_side-left">
				<h3>
					Who we are ?<span> </span>
				</h3>
				<img src="images/free-money-course.jpg" alt="" />
			</div>
			<div class="row_side-right">
				<div class="skills">
					<h3>
						Our best skills<span> </span>
					</h3>
					<p>This template includes the Progress Bar with unlimited
						colors, percentage indicators and animations.</p>
					<div class="flx-skill">
						<p class="flx-skill-title">Web & UI design</p>
						<p class="flx-skill-number">75%</p>
						<div class="progress-bar flexible animate">
							<span class="progress-75" style="width: 75%"><span>
							</span></span>
						</div>
						<div class="clear"></div>
					</div>
					<div class="flx-skill">
						<p class="flx-skill-title">iOs Development</p>
						<p class="flx-skill-number">90%</p>
						<div class="progress-bar flexible animate">
							<span class="progress-90" style="width: 90%"><span>
							</span></span>
						</div>
						<div class="clear"></div>
					</div>
					<div class="flx-skill">
						<p class="flx-skill-title">Logo Design</p>
						<p class="flx-skill-number">50%</p>
						<div class="progress-bar flexible animate">
							<span class="progress-50" style="width: 50%"><span>
							</span></span>
						</div>
						<div class="clear"></div>
					</div>
					<div class="flx-skill">
						<p class="flx-skill-title">Wordpress</p>
						<p class="flx-skill-number">60%</p>
						<div class="progress-bar flexible animate">
							<span class="progress-60" style="width: 60%"><span>
							</span></span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="team" id="team">
			<div class="heading_h">
				<h3>
					<a href="#">The Team</a>
				</h3>
			</div>
			<div class="middle-grids">
				<div class="grid_1_of_4 images_1_of_4">
					<a href="details.html"> <span class="rollover"> </span>
					</a> <img src="images/pic2.jpg" alt="Image 1">
					<h3>Adrian Thomas</h3>
					<h4>CEO&amp;Founder</h4>
					<p>Lorem ipsum is simply dummy text of the printing and
						typesetting industry.Lorem ipsum has been</p>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a href="details.html"> <span class="rollover"> </span>
					</a> <img src="images/pic1.png">
					<h3>Narate Ketram</h3>
					<h4>Creative Diector</h4>
					<p>Lorem ipsum is simply dummy text of the printing and
						typesetting industry.Lorem ipsum has been</p>
				</div>
				<div class="grid_1_of_4 images_1_of_4">
					<a href="details.html"> <span class="rollover"> </span>
					</a> <img src="images/pic2.png">
					<h3>Fernando Comet</h3>
					<h4>CEO&amp;Founder</h4>
					<p>Lorem ipsum is simply dummy text of the printing and
						typesetting industry.Lorem ipsum has been</p>

				</div>

				<div class="clear"></div>
			</div>
		</div>
	</div>
</div>

</@layout>